@import "../../style/public";
.machines-manage {
    .page-infinite-loading {
        text-align: center;
        @include remCalc(margin-top, 20);
        @include remCalc(height, 80);
        @include remCalc(line-height, 80);
        @include remCalc(font-size, 14);
    }
    .filter-icon {
        @include remCalc(font-size, 38);
        color: #333333;
    }
    .blue{
        color: #459dff;
    }
    .search-wrap {
        @include remCalc(margin-top, 30);
    }
    .section {
        overflow: scroll;
        position: relative;
    }
    .no-more {
        text-align: center;
        color: #999;
        @include remCalc(font-size, 24);
        @include remCalc(padding-top, 30);
    }
    .machines-list {
        background: #fff;
        @include remCalc(padding-left, 30);
        @include remCalc(margin-top, 30);
        li {
            &:last-child {
                &::after {
                    display: none;
                }
            }
            @include thin-border(false, false, bottom);
            @extend %flex;
            @include remCalc(padding-right, 30);
            @include remCalc(padding-top, 30);
            @include remCalc(padding-bottom, 30);
            .icon {
                text-align: center;
                display: block;
                @include remCalc(width, 80);
                @include remCalc(height, 80);
                @include remCalc(line-height, 30);
                @include remCalc(font-size, 26);
                border-radius: 50%;
                color: #ffffff;
                p:first-child {
                    @include remCalc(font-size, 26);
                    @include remCalc(margin-top, 8);
                }
                p {
                    @include remCalc(font-size, 20);
                    @include remCalc(line-height, 30);
                }
                .single {
                    display: inline-block;
                    font-style: normal;
                    @include remCalc(margin-top, 18);
                    @include remCalc(font-size, 23);
                    @include remCalc(line-height, 30);
                }
            }
            .pic {
                @include remCalc(width, 126);
                @include remCalc(height, 126);
                border-radius: 3px;
                border: 1px solid #ccc;
            }
            .info {
                @include remCalc(padding-left, 20);
                @include remCalc(padding-right, 20);
                @extend %flex-item;
                @extend %text-overflow;
                .name {
                    @extend %text-overflow;
                    @include remCalc(font-size, 30);
                    @include remCalc(line-height, 32);
                    @include remCalc(margin-bottom, 20);
                    color: #333;
                }
                .state {
                    @include remCalc(line-height, 26);
                    span {
                        color: #7e7e7e;
                        @include remCalc(font-size, 26);
                        @include remCalc(margin-right, 30);
                    }
                }
                .order-num {
                    @extend %text-overflow;
                    color: #7e7e7e;
                    @include remCalc(font-size, 26);
                    @include remCalc(margin-top, 16);
                }
            }
            .not-open {
                background: #e5e5e5;
            }
            .skip {
                color: #c7c7cc;
                @include remCalc(padding-left, 20);
                @include remCalc(font-size, 36);
                @include remCalc(line-height, 36);
            }
        }
    }
}
.no-more{
    color: #ddd;
    @include remCalc(font-size, 26);
    text-align: center;
    @include remCalc(line-height, 40);
    @include remCalc(padding-bottom, 20);
    position: relative;
    span{
        position: relative;
    }
    span:before{
        content:'';
        position:absolute;
        height:1px;
        background: #ddd;
        @include remCalc(width, 20);
        @include remCalc(top, 10);
        @include remCalc(left, -30);
    }
    span:after{
        content:'';
        position:absolute;
        height:1px;
        background: #ddd;
        @include remCalc(width, 20);
        @include remCalc(top, 14);
        @include remCalc(right, -30);
    }
}
